<form id="app-form" class="layui-form layuimini-form">



    <div class="layui-form-item">
        <label class="layui-form-label">网站主图</label>
        <div class="layui-input-block layuimini-upload">
            <input name="homeimg" id="homeimg" class="layui-input layui-col-xs6" lay-verify="required" placeholder="请上传图片" value="{:sysconfig('home','homeimg')}">
            <div class="layuimini-upload-btn">
                <span><a class="layui-btn" data-upload="homeimg" data-upload-number="one" data-upload-exts="ico|png|jpg|jpeg"><i class="fa fa-upload"></i> 上传</a></span>
                <span><a class="layui-btn layui-btn-normal" id="select_logo_image" data-upload-select="homeimg" data-upload-number="one"><i class="fa fa-list"></i> 选择</a></span>
            </div>
            <tip style="color:#999">内置演示 :<a style="color:#1e9fff;padding:2px" onclick="$('#homeimg').val('/sysimages/banner.png')">演示1</a><a style="color:#ff5722;padding:2px"  onclick="$('#homeimg').val('/sysimages/banner2.png')">演示2</a><a style="color:#a233c6;padding:2px"  onclick="$('#homeimg').val('/sysimages/banner3.png')">演示3</a></tip>
        </div>
    </div>

    <div class="layui-form-item">
        <label class="layui-form-label">顶部距离</label>
        <div class="layui-input-block">
            <input type="text" name="intop" class="layui-input" lay-verify="required" placeholder="请输入内容" value="{:sysconfig('home','intop')}">
           
        </div>
    </div>
    <hr>
    
    <div class="layui-form-item">
        <label class="layui-form-label">功能区素材<i class="layui-icon layui-icon-help" style="font-size: 15px;color: #ff8400;" onclick="shili()"></i></label>
        
        <div class="layui-input-block layuimini-upload">
            <input name="gnqimg" id="gnqimg" class="layui-input layui-col-xs6" lay-verify="required" placeholder="请上传图片" value="{:sysconfig('home','gnqimg')}">
            <div class="layuimini-upload-btn">
                <span><a class="layui-btn" data-upload="gnqimg" data-upload-number="one" data-upload-exts="ico|png|jpg|jpeg"><i class="fa fa-upload"></i> 上传</a></span>
                <span><a class="layui-btn layui-btn-normal" id="select_logo_image" data-upload-select="gnqimg" data-upload-number="one"><i class="fa fa-list"></i> 选择</a></span>
            </div>
            <tip style="color:#999">内置演示 :<a style="color:#1e9fff;padding:2px" onclick="$('#gnqimg').val('/sysimages/bg-sider-top2-2401.png')">演示1</a><a style="color:#ff5722;padding:2px" onclick="$('#gnqimg').val('/sysimages/bg-sider-top2-2402.png')">演示2</a></tip>
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">功能区链接1</label>
        <div class="layui-input-block">
            <input type="text" name="gnqlink1" class="layui-input" lay-verify="required" placeholder="请输入内容" value="{:sysconfig('home','gnqlink1')}">
            
        </div>
    </div>
        <div class="layui-form-item">
        <label class="layui-form-label">功能区链接2</label>
        <div class="layui-input-block">
            <input type="text" name="gnqlink2" class="layui-input" lay-verify="required" placeholder="请输入内容" value="{:sysconfig('home','gnqlink2')}">
            
        </div>
    </div>
        <div class="layui-form-item">
        <label class="layui-form-label">功能区链接3</label>
        <div class="layui-input-block">
            <input type="text" name="gnqlink3" class="layui-input" lay-verify="required" placeholder="请输入内容" value="{:sysconfig('home','gnqlink3')}">
            
        </div>
    </div>
        <div class="layui-form-item">
        <label class="layui-form-label">功能区链接4</label>
        <div class="layui-input-block">
            <input type="text" name="gnqlink4" class="layui-input" lay-verify="required" placeholder="请输入内容" value="{:sysconfig('home','gnqlink4')}">
            
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">功能区链接5</label>
        <div class="layui-input-block">
            <input type="text" name="gnqlink5" class="layui-input" lay-verify="required" placeholder="请输入内容" value="{:sysconfig('home','gnqlink5')}">
            
        </div>
    </div>
    <hr>
    <div class="layui-form-item">
        <label class="layui-form-label">网站LOGO</label>
        <div class="layui-input-block layuimini-upload">
            <input name="homelogo" id="homelogo" class="layui-input layui-col-xs6" lay-verify="required" placeholder="请上传图片" value="{:sysconfig('home','homelogo')}">
            <div class="layuimini-upload-btn">
                <span><a class="layui-btn" data-upload="homelogo" data-upload-number="one" data-upload-exts="ico|png|jpg|jpeg"><i class="fa fa-upload"></i> 上传</a></span>
                <span><a class="layui-btn layui-btn-normal" id="select_logo_image" data-upload-select="homelogo" data-upload-number="one"><i class="fa fa-list"></i> 选择</a></span>
            </div>
            <tip style="color:#999">内置演示 :<a style="color:#1e9fff;padding:2px" onclick="$('#homelogo').val('/sysimages/logo.png')">演示1</a></tip>
        </div>
    </div>    
    <div class="layui-form-item">
        <label class="layui-form-label">宽度</label>
        <div class="layui-input-block">
            <input type="text" name="logowidth" class="layui-input" lay-verify="required" placeholder="请输入内容" value="{:sysconfig('home','logowidth')}">
           <tip>不带单位,自己带,例:10% 或 10px</tip>
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">高度</label>
        <div class="layui-input-block">
            <input type="text" name="logoheight" class="layui-input" lay-verify="required" placeholder="请输入内容" value="{:sysconfig('home','logoheight')}">
           <tip>不带单位,自己带,例:10% 或 10px</tip>
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">左边</label>
        <div class="layui-input-block">
            <input type="text" name="logoleft" class="layui-input" lay-verify="required" placeholder="请输入内容" value="{:sysconfig('home','logoleft')}">
           <tip>不带单位,自己带,例:10% 或 10px</tip>
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">顶边</label>
        <div class="layui-input-block">
            <input type="text" name="logotop" class="layui-input" lay-verify="required" placeholder="请输入内容" value="{:sysconfig('home','logotop')}">
            <tip>不带单位,自己带,例:10% 或 10px</tip>
        </div>
    </div>
    
    
    
    <div class="hr-line"></div>
    <div class="layui-form-item text-center">
        <button type="submit" class="layui-btn layui-btn-normal layui-btn-sm" lay-submit="system/config/save" data-refresh="false">确认</button>
        <button type="reset" class="layui-btn layui-btn-primary layui-btn-sm">重置</button>
    </div>

    <div class="layui-input-block">
        <tip style="color:red">本页面为默认模板的参数设置,同样可以用于模板拓展,具体用法请参考前端模板</tip>
    </div>
    
</form>
<script>
    function shili(){
	    layer.open({
        type: 1,
        content: '<div style="padding: 16px;"><img src="/sysimages/shili.png"/></div>'
      });
	}
</script>